@charset "utf-8";

.banner { position:relative; width:100%; overflow:hidden; font-size:0; }
.banner .swiper_banner { width:100%; }
.banner .swiper_banner .swiper-slide { position:relative; width:100%; overflow:hidden; }
.banner .swiper_banner .swiper-slide a { position:relative; display:block; width:100%; }
 
.banner .swiper_banner .swiper-slide .img02 { display:none; }
 
.banner .swiper-pagination-banner {  position:absolute; width:100%; left:0; right:0; bottom:40px; text-align:center; z-index:9; }
.banner .swiper-pagination-bullet { width:130px; height:3px; margin:0 3px; border-radius:0; background:rgba(255,255,255,0.25); opacity:1; }
.banner .swiper-pagination-bullet-active { background:#b82a25; }

.banner .prev-01,.banner .next-01 { position:absolute; top:50%; transform: translateY(-50%); width:21px; height:52px; cursor:pointer; z-index:9; }
.banner .prev-01 { background:url(ban01.png) no-repeat center; left:5%; }
.banner .next-01 { background:url(ban02.png) no-repeat center; right:5%; }

@media all and (max-width:1480px){
	.banner .swiper-pagination-bullet { width:60px; }
}
@media all and (max-width:1200px){
	.banner .swiper_banner .swiper-slide .img01 { display:none; }
	.banner .swiper_banner .swiper-slide .img02 { display:block; }
	.banner .swiper_banner .swiper-slide .banvideo { display:none; }
	.banner .swiper_banner .swiper-slide .banvideo video { display:none; }
	
	.banner .swiper-pagination-banner { bottom:20px; }
	.banner .swiper-pagination-bullet { width:20px; height:2px; }
	
	.banner .prev-01,.banner .next-01 { display:none; }
}

.Area-hd { line-height:1.1; }
.Area-hd .p1 { font-size:24px; color:rgba(9,9,9,0.4); line-height:1.6; }
.Area-hd .p2 { font-size:42px; color:#146035; font-weight:bold; margin-top:15px; }
 
@media all and (max-width:1480px){
	.Area-hd .p1 { font-size:18px; }
	.Area-hd .p2 { font-size:34px; margin-top:15px; } 
}
@media all and (max-width:1200px){
	.Area-hd .p1 { font-size:16px; }
	.Area-hd .p2 { font-size:24px; margin-top:10px; } 
}

.aArea { padding:60px 0 85px; background:#f4fafd; }
.aArea01 .hd { margin-top:15px; font-size:40px; color:#181818; font-weight:bold; }
.aArea01 .hd ul li { float:left; margin-right:40px; display:inline-block; padding-bottom:25px; cursor:pointer; }
.aArea01 .hd ul li.on { background:url(jt03.png) no-repeat center bottom; color:#146035; }
.aArea01 .bd { margin-top:40px; }
.aArea01 .bd ul li { float:left; width:32%; margin-right:2%; background:#fff; text-align:center; padding:30px 0; border-radius:5px; font-size:0; }
.aArea01 .bd ul li:nth-child(3n) { margin-right:0; }
.aArea01 .bd ul li:nth-child(n + 4) { margin-top:25px; }
.aArea01 .bd ul li .txt { display:inline-block; }
.aArea01 .bd ul li .txt .p1 { float:left; width:66px; }
.aArea01 .bd ul li .txt .p1 img { width:100%; height:auto; }
.aArea01 .bd ul li .txt .p1 .img02 { display:none; }
.aArea01 .bd ul li .txt .p2 { float:left; font-size:22px; margin-left:20px; line-height:66px; font-weight:bold; color:#4c4c4c; }

.aArea01 .bd ul li:hover { background: linear-gradient(to right,#198046,#146035); }
.aArea01 .bd ul li:hover .p1 .img01 { display:none; }
.aArea01 .bd ul li:hover .p1 .img02 { display:inline-block; }
.aArea01 .bd ul li:hover .txt .p2 { color:#fff; }


@media all and (max-width:1480px){
	.aArea { padding:60px 0; }
	.aArea01 .hd { margin-top:15px; font-size:34px; }
	.aArea01 .hd ul li { margin-right:40px; padding-bottom:25px; }
	.aArea01 .hd ul li.on {   }
	.aArea01 .bd { margin-top:40px; }
	.aArea01 .bd ul li { width:32%; margin-right:2%; padding:25px 0; }
	.aArea01 .bd ul li:nth-child(3n) { margin-right:0; }
	.aArea01 .bd ul li:nth-child(n + 4) { margin-top:20px; }
	.aArea01 .bd ul li .txt .p1 { float:left; width:55px; }
	.aArea01 .bd ul li .txt .p2 { font-size:20px; margin-left:20px; line-height:55px; } 
}
@media all and (max-width:1200px){
	.aArea { padding:30px 0; }
	.aArea01 .hd { margin-top:10px; font-size:24px; }
	.aArea01 .hd ul li { margin-right:20px; padding-bottom:15px; }
	.aArea01 .hd ul li.on { background-size:15px 8px;  }
	.aArea01 .bd { margin-top:25px; }
	.aArea01 .bd ul li { width:49%; margin-right:2%; padding:20px 0; }
	.aArea01 .bd ul li:nth-child(3n) { margin-right:2%; }
	.aArea01 .bd ul li:nth-child(2n) { margin-right:0; }
	.aArea01 .bd ul li:nth-child(n + 3) { margin-top:10px; }
	.aArea01 .bd ul li .txt .p1 { float:none; width:40px; margin:0 auto; }
	.aArea01 .bd ul li .txt .p2 { float:none; font-size:16px; margin:10px 0 0 0; line-height:25px; } 
}

.bArea { padding:75px 0; }
.bArea01 { position:relative; margin-top:50px; }
.bArea01 .swiper-slide .pic { border-radius:5px; overflow:hidden; }
.bArea01 .swiper-slide .pic img { transition: all 0.6s; }
.bArea01 .swiper-slide .txt { margin-top:35px; }
.bArea01 .swiper-slide .txt .p1 { font-size:22px; color:#4c4c4c; font-weight:bold; line-height:25px; height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bArea01 .swiper-slide .txt .p2 { font-size:18px; color:#80848c; line-height:30px; height:60px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.bArea01 .swiper-slide:hover .txt .p1 { color:#146035; }
.bArea01 .swiper-slide:hover .pic img { transform: scale(1.1)!important; }

.bArea01 .btn { position:absolute; top:-125px; right:0; font-size:0; z-index:1; }
.bArea01 .btn .btn01 { display:inline-block; width:40px; height:40px; cursor:pointer; opacity:0.5; background-size:cover!important; }
.bArea01 .btn .prev-b01 { background:url(b01.png) no-repeat center; margin-right:6px; }
.bArea01 .btn .next-b01 { background:url(b02.png) no-repeat center; }

.bArea01 .btn .btn01:hover { opacity:1; }

@media all and (max-width:1480px){
	.bArea { padding:60px 0; }
	.bArea01 { margin-top:40px; }
	.bArea01 .swiper-slide .txt { margin-top:25px; }
	.bArea01 .swiper-slide .txt .p1 { font-size:18px; line-height:20px; height:20px; }
	.bArea01 .swiper-slide .txt .p2 { font-size:16px; line-height:25px; height:50px; margin-top:15px; }
	
	.bArea01 .btn { top:-90px; }
}
@media all and (max-width:1200px){
	.bArea { padding:30px 0; }
	.bArea01 { margin-top:25px; }
	.bArea01 .swiper-slide .txt { margin-top:15px; }
	.bArea01 .swiper-slide .txt .p1 { font-size:16px; line-height:20px; height:20px; }
	.bArea01 .swiper-slide .txt .p2 { font-size:14px; line-height:25px; height:50px; margin-top:10px; }
	
	.bArea01 .btn { position:relative; top:auto; right:auto; width:100%; text-align:center; margin-top:25px; }
	.bArea01 .btn .btn01 { width:30px; height:30px; }
}

.cArea { position:relative; }
.cArea .bd { position:relative; overflow:hidden; }
.cArea .bd .bdd { position:absolute; top:0;left:0; right:0; padding:170px 0 340px; opacity:0; overflow:hidden; visibility:hidden; transition:all 0.5s ease-in-out; z-index:0; }
.cArea .bd .bdd .pic { position:absolute; top:0; right:0; bottom:0; left:0; background-size:cover!important; color:#fff; transition: all 4s ease-in-out; z-index:0; }
.cArea .bd .bdd .pic img { transition: all 4s ease-in-out; display:none; }

.cArea .bd .bdd .pic01 { position:absolute; top:0; right:0; bottom:0; left:0; background-size:cover!important; color:#fff; transition: all 4s ease-in-out; z-index:0; display:none; }
.cArea .bd .bdd .pic01 img { transition: all 4s ease-in-out; display:none; }

.cArea .bd .bdd .Area-hd .p1 { position:relative; top:20px; transition:all 0.5s ease-in-out;  }
.cArea .bd .bdd .Area-hd .p2 { position:relative; top:20px; transition:all 0.7s ease-in-out;  }
.cArea .bd .bdd .bd01 { position:relative; margin-top:65px; font-size:18px; color:#595959; line-height:35px; min-height:230px; top:20px; transition:all 0.9s ease-in-out; }
.cArea .bd .bdd .bd01 p { padding-left:25px; background:url(c04.png) no-repeat left 12px; }
.cArea .bd .bdd .bd01 p:nth-child(n + 2){ margin-top:10px; }

.cArea .bd .bdd.on { position:relative; opacity:1; visibility:visible; }
.cArea .bd .bdd.on .pic { transform:scale(1.1)!important;}
.cArea .bd .bdd.on .pic01 { transform:scale(1.1)!important;}
.cArea .bd .bdd.on .Area-hd .p1 { top:0; }
.cArea .bd .bdd.on .Area-hd .p2 { top:0; }
.cArea .bd .bdd.on .bd01 { top:0; }

.cArea .hd { position:absolute; left:0; right:0; bottom:70px; z-index:5; }
.cArea .hd ul li { position:relative; float:left; width:32%; margin-right:2%; padding:35px 40px; background:rgba(255,255,255,0.9); box-sizing: border-box; cursor:pointer; }
.cArea .hd ul li:last-child { margin-right:0; }
.cArea .hd ul li .txt .p1 { font-size:22px; color:#383836; font-weight:bold; }
.cArea .hd ul li .txt .p2 { font-size:18px; color:#a0a3a6; text-transform:uppercase; }

.cArea .hd ul li .txt01 { position:absolute; bottom:0; height:0; left:0; right:0; opacity:1; padding:25px 0; border-radius:7px; background:#187a42; text-align:center; z-index:5; transition: all 0.5s; opacity:0; overflow: hidden; box-sizing: border-box; }
.cArea .hd ul li .txt01 .p1 { position:relative; width:110px; height:110px; margin:0 auto; padding-top:30px; text-align:center; box-sizing: border-box; }
.cArea .hd ul li .txt01 .p1 img { height:50px; width:auto; }

.cArea .hd ul li .txt01 .p1 i { position:absolute; left:0; top:0; width:110px; height:110px; z-index:0; display:block; background-size:cover!important; }
.cArea .hd ul li .txt01 .p1 i:nth-child(1){ background: url(c01.png) no-repeat center; animation:radiusRotate 3s linear infinite; }
.cArea .hd ul li .txt01 .p1 i:nth-child(2){ background: url(c02.png) no-repeat center; animation:radiusRotate2 3s linear infinite; }
.cArea .hd ul li .txt01 .p1 i:nth-child(3){ background: url(c03.png) no-repeat center; animation:radiusRotate 5s linear infinite;  }

.cArea .hd ul li .txt01 .p2 { font-size:22px; color:#fff; font-weight:bold; margin-top:25px; }
.cArea .hd ul li .txt01 .p3 { font-size:18px; color:rgba(255,255,255,0.5); font-family:"Arial"; text-transform:uppercase; }

.cArea .hd ul li.on { border-radius:0 0 7px 7px; }
.cArea .hd ul li.on .txt01 { height:245px; opacity:1; }


@media all and (max-width:1480px){
	.cArea .bd .bdd { padding:100px 0 280px;  }
	.cArea .bd .bdd .bd01 { margin-top:40px; font-size:16px; line-height:25px; min-height:200px; }
	.cArea .bd .bdd .bd01 p { padding-left:25px; background:url(c04.png) no-repeat left 7px; }
	.cArea .bd .bdd .bd01 p:nth-child(n + 2){ margin-top:10px; }
 
	.cArea .hd { bottom:50px; }
	.cArea .hd ul li { padding:25px 30px; }
	.cArea .hd ul li .txt .p1 { font-size:20px; }
	.cArea .hd ul li .txt .p2 { font-size:16px; }
 
	.cArea .hd ul li .txt01 .p2 { font-size:20px; margin-top:20px; }
	.cArea .hd ul li .txt01 .p3 { font-size:16px; }
 
 
	.cArea .hd ul li.on .txt01 { height:230px; }	
}
@media all and (max-width:1200px){
	.cArea .bd .bdd { padding:50px 0 150px;  }
	.cArea .bd .bdd .bd01 { margin-top:20px; font-size:14px; line-height:25px; min-height:250px; }
	.cArea .bd .bdd .bd01 p { padding-left:20px; background:url(c04.png) no-repeat left 8px; background-size:10px 10px; }
	.cArea .bd .bdd .bd01 p:nth-child(n + 2){ margin-top:5px; }
	
	.cArea .bd .bdd .pic { display:none; }
	.cArea .bd .bdd .pic01 { display:block; }
	
	
	.cArea .hd { bottom:30px; }
	.cArea .hd ul li { padding:25px 0; }
	.cArea .hd ul li .txt { background:none!important; text-align:center; }
	.cArea .hd ul li .txt .p1 { font-size:16px; }
	.cArea .hd ul li .txt .p2 { font-size:14px; display:none; }
	
	.cArea .hd ul li .txt01 { padding:20px 0;  }
	.cArea .hd ul li .txt01 .p1 { width:100%; height:30px; padding-top:0; }
	.cArea .hd ul li .txt01 .p1 img { height:30px; width:auto; }
	.cArea .hd ul li .txt01 .p1 i { display:none; }
	.cArea .hd ul li .txt01 .p2 { font-size:16px; margin-top:10px; }
	.cArea .hd ul li .txt01 .p3 { font-size:14px; margin-top:5px; display:none; }
 
 
	.cArea .hd ul li.on .txt01 { height:100px; }	
}

.dArea { padding:100px 0 125px; background:url(dArea.png) no-repeat center; background-size:cover; }
.dArea01 .txt { float:left; width:765px; padding-top:100px; }
.dArea01 .txt .bd01 { font-size:18px; margin-top:60px; text-indent:2em; line-height:2; color:#80848c; }
.dArea01 .txt .bd01 a { color:#80848c; }
.dArea01 .txt .bd01 a:hover { color:#146035; }

.dArea01 .pic { position:relative; float:right; width:440px; }
.dArea01 .pic .pic02 { position:absolute; top:230px; left:0; right:0; text-align:center; z-index:2; }
.dArea01 .pic .pic02 .p1 { position:relative; width:68px; margin:0 auto; border-radius:100%; cursor:pointer; }
.dArea01 .pic .pic02 .p1 img { width:100%; height:auto; border-radius:100%; }
.dArea01 .pic .pic02 .p2 { margin-top:25px; }

.dArea01 .pic .pic02 .p1:before { animation: boderM 3s .75s infinite; content: ''; display: block; position: absolute;  left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%);  width: 68px;  height: 68px; border-radius:100%; background: rgba(185, 40, 35, 0.3); z-index:-1; }
.dArea01 .pic .pic02 .p1:after { animation: boderM 3s infinite; content: ''; display: block; position: absolute;  left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%);  width: 68px;  height: 68px; border-radius:100%; background: rgba(185, 40, 35, 0.2); z-index:-1; }

.dArea02 { margin-top:65px; font-size:16px; color:#80848c; line-height:1; }
.dArea02 ul li:nth-child(8) { display:none; }
.dArea02 ul li .p1 i { font-size:85px; margin-right:5px; color:#146035; font-family:"Arial"; }
.dArea02 ul li .p2 { margin-top:10px; }
.dArea02 ul li.li02 { width:1px; height:60px; background:#eaeaec; margin-top:25px; }

@media all and (min-width:1200px){
	.dArea02 ul { display:flex; flex-direction:row; justify-content:space-between; }
}
@media all and (max-width:1480px){
	.dArea { padding:80px 0; }
	.dArea01 .txt { float:left; width:calc(100% - 500px); padding-top:80px; }
	.dArea01 .txt .bd01 { font-size:16px; margin-top:40px; line-height:1.7; }
 
	.dArea02 { margin-top:50px; font-size:14px; }
	.dArea02 ul li .p1 i { font-size:60px; }
	.dArea02 ul li .p2 { margin-top:10px; }
	.dArea02 ul li.li02 { height:60px; margin-top:25px; }
}
@media all and (max-width:1200px){
	.dArea { padding:30px 0; }
	.dArea01 .txt { float:none; width:100%; padding-top:0; }
	.dArea01 .txt .bd01 { font-size:14px; margin-top:25px; }
 
	.dArea01 .pic { float:none; width:100%; margin-top:30px; }
	.dArea01 .pic .pic02 { top:50%; transform: translateY(-50%); }
	.dArea01 .pic .pic02 .p1 { width:50px }
	.dArea01 .pic .pic02 .p2 { margin-top:20px; }

	.dArea01 .pic .pic02 .p1:before { width: 50px;  height: 50px; }
	.dArea01 .pic .pic02 .p1:after { width: 50px;  height: 50px; }

	.dArea02 { margin-top:30px; }
	.dArea02 ul { display:block; }
	.dArea02 ul li { float:left; width:50%; text-align:center; padding:0 10px; box-sizing: border-box; }
	.dArea02 ul li:nth-child(n + 4) { margin-top:20px; }
	.dArea02 ul li .p1 i { font-size:30px; }
	.dArea02 ul li .p2 { margin-top:10px; line-height:20px; height:40px; }
	.dArea02 ul li.li02 { display:none; }
}

.ggArea01 { float:left; width:125px; padding-left:35px; font-size:18px; color:#b2b2b2; line-height:60px; background:url(gg01.png) no-repeat center left; box-sizing: border-box; }
.ggArea02 { float:left; width:calc(100% - 125px); position:relative; }
.ggArea02 .swiper-container-gg01 { height:60px; }
.ggArea02 .swiper-slide a { width:650px; display:block; color:#afafaf; font-size:16px; line-height:60px; }
.ggArea02 .swiper-slide .p1 { float:left; width:calc(100% - 100px); line-height:60px; height:60px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.ggArea02 .swiper-slide .p2 { float:right; }

.ggArea02 .swiper-slide:hover .p1 { color:#146035; }

.ggArea02 .btn01 { position:absolute;  right:0; width:14px; height:8px; cursor:pointer; z-index:2; }
.ggArea02 .prev-gg01 { top:16px; background:url(gg02.png) no-repeat center; }
.ggArea02 .next-gg01 { bottom:16px; background:url(gg03.png) no-repeat center; }

.ggArea02 .prev-gg01:hover { background:url(gg04.png) no-repeat center; }
.ggArea02 .next-gg01:hover { background:url(gg05.png) no-repeat center; }
 
@media all and (max-width:1200px){
	.ggArea01 { float:left; width:90px; padding-left:25px; font-size:14px; line-height:50px; }
	.ggArea02 { float:left; width:calc(100% - 90px); }
	.ggArea02 .swiper-container-gg01 { height:50px; }
	.ggArea02 .swiper-slide a { width:calc(100% - 40px); font-size:14px; line-height:50px; }
	.ggArea02 .swiper-slide .p1 { float:left; width:calc(100% - 75px); line-height:50px; height:50px; }
	.ggArea02 .swiper-slide .p2 { float:right; font-size:12px; }
	
	.ggArea02 .prev-gg01 { top:13px; }
	.ggArea02 .next-gg01 { bottom:13px; }
}